.inbiz-process-monitoring-component {
  width: 100% !important;

  // 头部表单
  .header-form {
    display: flex;
    width: 100%;
    margin: 0 auto;
    font-weight: normal;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-stretch: normal;
    line-height: 19px;
    letter-spacing: 0;

    form {
      width: calc(100% - 12px);

      .ant-col {
        &:last-child {
          .ant-form-item {
            width: auto;
          }
        }
      }

      .ant-form-item {
        width: 100%;
        margin: 12px;

        label {
          color: var(--inbiz-color-heading) !important;
          justify-content: end;
          width: 100%;

          .noWrap {
            width: 100%;
            white-space: noWrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }

      .inbiz-EformSelectMember-SelectExtend {
        border-radius: var(--inbiz-border-radius-base);
      }

      input {
        border-radius: var(--inbiz-border-radius-base);
      }

      .ant-select-selector {
        border-radius: var(--inbiz-border-radius-base);
      }

      .ant-picker-range {
        border-radius: var(--inbiz-border-radius-base);
      }

      .anticon {
        margin-left: 8px;
      }

      .ant-btn .ant-btn-primary {
        background-color: var(--inbiz-color-primary);
        border-radius: var(--inbiz-border-radius-base);
      }

      .ant-btn-default:hover {
        color: var(--inbiz-color-primary) !important;
      }
    }
  }

  //查看当前审核人列
  .table-top {
    padding: 28px 0 12px 20px;

    button {
      display: flex;
      align-items: center;
      padding: 7px 12px 6px 12px;
      color: var(--inbiz-color-text);
      border-radius: var(--inbiz-border-radius-base);

      svg {
        margin-right: 5px;
        transition: 0.4s;
      }
    }

    button:hover {
      color: var(--inbiz-color-primary);

      svg {
        fill: var(--inbiz-color-primary);
      }
    }
  }

  // 表格主体
  .table-list {
    flex: 1;
    width: 100%;
    padding: 0 20px 20px 20px;
    border-color: #e7e7e7;

    //表格主体
    .table-wrapper {
      margin-top: 10px;
      font-weight: normal;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-stretch: normal;
      line-height: 19px;
      letter-spacing: 0;
      border-radius: 4px;

      .ant-table-tbody {
        color: var(--inbiz-color-heading) !important;
      }

      th.headcolor {
        color: var(--inbiz-color-heading) !important;
        background-color: #f9f9f9;
      }

      td.headcolor.ant-table-column-sort {
        background: none;
      }

      //被选中表格行样式
      .clickRowStyle td.headcolor {
        background-color: var(--ant-primary-1) !important;
      }

      .process-monitoring-action-column-inner {
        a:not(:last-child) {
          margin-right: 6px;
        }
      }
    }

    //分页器
    .table-pagination {
      height: 32px;
      margin-top: 15px;

      .ant-pagination-item-link {
        width: 32px;
        height: 32px;
        margin-right: 4px;
      }
    }

    //查看当前审核人
    .ant-modal .ModalSearchList {
      width: 450px;
      height: 350px;
      border-radius: 8px;

      //查看当前审核人按钮
      .current-btn button {
        width: 72px;
        height: 32px;
        color: var(--inbiz-color-text);
        font-weight: normal;
        font-size: 14px;
        font-family: MicrosoftYaHei;
        font-stretch: normal;
        line-height: 17px;
        letter-spacing: 0;
        background-color: var(--inbiz-color-primary) !important;
        border-radius: 2px;
      }

      .BackgroundAssignment {
        background-color: var(--inbiz-color-primary);
      }
    }

    //变量弹窗表格
    .VariateListModalTable {
      width: 410px;
      color: #333;
      font-weight: normal;
      font-size: 14px;
      font-family: MicrosoftYaHei;
      font-stretch: normal;
      line-height: 17px;
    }
  }
}

//变量弹窗
.VariateListModal .ant-modal-body {
  padding: 10px 20px 20px !important;

  .VariateListModalTable {
    width: 410px;
  }

  .ant-modal-confirm-body-wrapper {
    padding: 10px 10px 0 10px !important;
  }

  .clickVarStyle {
    background-color: var(--ant-primary-1);
  }
}

//查找当前审核人弹窗组件
.ModalSearchList .ant-modal-body {
  padding: 10px 20px 20px !important;

  //查看当前审核人弹窗表格
  .currentAssignToolbarTable {
    width: 410px;
    margin-top: 6px !important;
  }

  .ant-modal-confirm-body-wrapper {
    padding: 10px 10px 0 10px !important;
  }

  .clickAssignStyle {
    background-color: var(--ant-primary-1);
  }
}

//流程详情弹窗
.ProcessDetailModal .ant-modal-body {
  padding: 10px 20px 20px !important;

  .ant-modal-confirm-body-wrapper {
    padding: 10px 10px 0 10px !important;
  }
}

.process-detail-modal-wrapper {
  .ant-modal-content {
    .process-detail-modal-wrapper-icon {
      position: absolute;
      top: 10px;
      right: 30px;
    }

    iframe {
      min-height: 560px;
    }
  }
}